.loading {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-image: linear-gradient(0deg, rgb(47, 102, 255), rgb(161, 79, 255) 30%, rgb(238, 55, 255) 60%, rgb(255, 0, 76) 100%);
	position: absolute;
}

.loading:before {
	content: '';
	position: absolute;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-image: linear-gradient(0deg, rgb(47, 102, 255), rgb(161, 79, 255) 30%, rgb(238, 55, 255) 60%, rgb(255, 0, 76) 100%);
	filter: blur(30px);
	animation: rotate .4s linear infinite;
}

.loading::after {
	content: '正在加载';
	text-align: center;
	line-height: 150px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: #000;
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#loadingbox {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

#loadingspan {
	position: relative;
	top: 180px;
}

#loadingspan>p {
	width: 100%;
	margin: auto;
}
